import styles from './index.less';
import React from 'react';

import IconFont from '../iconFont';

export default () => {
  return (
    <div className={styles.card}>
      <div className={styles.content}>
        <div>
          <img
            className={styles.avatar}
            src={
              'https://cos-1256179601.cos.ap-guangzhou.myqcloud.com/blog/3bbdcce9d64fbff57c1dcbd6b18019bd39688a94.jpg%401320w_1408h.webp'
            }
          />
          <div className={styles.name}>name</div>
          <div className={styles.description}>description</div>
        </div>
        <div className={styles.data}>
          <div className={styles.cell}>
            <a>
              <div>文章</div>
              <div>6</div>
            </a>
          </div>
        </div>
        <a className={styles.follow} href={'https://github.com/TianBM'}>
          <IconFont use={'ngcgithub'} />
          <span>Follow Me</span>
        </a>
        <div className={styles.social}>
          <a className={styles.social_icon} href={'mailto:monster_tian@qq.com'}>
            <IconFont use={'ngcemail1'} />
          </a>
        </div>
      </div>
    </div>
  );
};
